@import "normalize.css";

/*:root -> 获取根元素html*/
:root {
    --color-text: #666;
    --color-high-text: #ff5777;
    --color-tint: #ff8198;
    --color-background: #fff;
    --font-size: 14px;
    --line-height: 1.5;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    height: 100%;
    /*min-width: 1200px;*/
}

body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    -webkit-tap-highlight-color: transparent; /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
    background: var(--color-background);
    color: var(--color-text);
    width: 100%;
    height: 100%;
    margin: 0!important;
}

/*设置整体布局，用于bottom在content高度不足的时候，依旧可以在页面最下方*/
#app {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.center {
    display: flex;
    align-items: center;
    text-align: center; /* 水平居中文字 */
    justify-content: center; /* Flexbox方式让文字在按钮内垂直居中 */
    width: 100%;
}

